<template>
  <view class="p-lr-40 mb-20">
    <view class="fz-30 lh-42 mt-20 flex justify-between border-bottom-CCCCCC pb-30">
      <text class="w-200 color-333333 font-bold pl-20">所属医院</text>
      <view class="flex1 text-right color-888888">
        <text>{{ basicData.hospitalName || '-' }}</text>
      </view>
    </view>
    <view class="fz-30 lh-42  mt-20 flex justify-between border-bottom-CCCCCC pb-30">
      <text class="w-200 font-bold color-333333 pl-20">所属科室</text>
      <view class="flex1 text-right color-888888">
        <text>{{ basicData.departmentName || '-' }}</text>
      </view>
    </view>
    <view class="fz-30 lh-42  mt-20 flex justify-between border-bottom-CCCCCC pb-30">
      <text class="w-200 font-bold color-333333 pl-20">负责公司</text>
      <view class="flex1 text-right color-888888">
        <text>{{ basicData.companyName || '-' }}</text>
      </view>
    </view>
    <view class="fz-30 lh-42  mt-20 flex justify-between border-bottom-CCCCCC pb-30">
      <text class="w-200 font-bold color-333333 pl-20">状态</text>
      <view class="flex1 text-right color-888888">
        <text>{{ statusLabel || '-' }}</text>
      </view>
    </view>
  </view>
</template>

<script>
import { REP_WORK_ORDER_STATUS } from "@/utils/dict"

export default{
  name: "OrderBasicDetail",
  props: {
    basicData: {
      type: Object,
      required: true
    }
  },
  computed:{
    statusLabel(){
      const valueList = Object.values(REP_WORK_ORDER_STATUS)
      return valueList.find(item => item.value === this.basicData.status)?.label
    },
  }
}
</script>

<style></style>
